<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<style>
#addresourcedialog .opercationdiv {
	margin-top: 60px;
	margin-left: 10px;
}

#opercationdiv input {
	width: 150px;
}
</style>
<!-- 受控资源数据表 -->
<div class="resourcetablediv">
	<table id="resourcetable"></table>
</div>
<div id="addresourcedialog">
	<div class="opercationdiv">
		<label></label>&nbsp;<input id="name"><br /> <label>类&nbsp;&nbsp;型</label>&nbsp;<input
			id="type"><br /> <label>资源&nbsp;Url</label>&nbsp;<input
			id="url"><br /> <label>父级资源</label>&nbsp;<input
			id="parentname"> <label>顺&nbsp;&nbsp;序</label>&nbsp;<input
			id="ordernum"><input id="id" type="hidden">
	</div>
</div>
<script>
	var id;
	var addOrUpdate = true;
	$(document).ready(function() {
		//初始化操作窗口
		initAddResourceDialog();
		//初始化受控资源表数据
		initResourcTableData();
	})
	//初始化受控资源表数据
	function initResourcTableData() {
		$('#resourcetable').datagrid({
			title : '资源列表',
			nowrap : true,
			striped : true,
			width : 870,
			idField : "id",
			pagination : true,
			rownumbers : true,
			url : basePath + 'system/getDataResourceByPageAndSize',
			toolbar : [ {
				text : '增加',
				iconCls : 'icon-add',
				handler : function() {
					addOrUpdate = true;
					$('#addresourcedialog').dialog('open');
				}
			}, '-', {
				text : '修改',
				iconCls : 'icon-edit',
				handler : function() {
					addOrUpdate = false;
					updateResource();
				}
			}, '-', {
				text : '启用',
				iconCls : 'icon-redo',
				handler : function() {
					updateResourceState(true);
				}
			}, '-', {
				text : '禁用',
				iconCls : 'icon-undo',
				handler : function() {
					updateResourceState(false);
				}
			}, '-', {
				text : '删除',
				iconCls : 'icon-remove',
				handler : function() {
					deleteResource();
				}
			} ],
			columns : [ [ {
				field : 'ck',
				checkbox : true
			},{
				field : 'id',
				title : 'ID',
				width : 100,
				align : "center",
				hidden : true
			}, {
				field : 'name',
				title : '数据源名',
				width : 200,
				align : "center"
			}, {
				field : 'url',
				title : 'URL',
				width : 300,
				align : "center"
			}, {
				field : 'type',
				title : '说明',
				width : 100,
				align : "center"
			}, {
				field : 'activite',
				title : '状态',
				width : 200,
				align : "center",
				formatter : function(value, rowData, rowIndex) {
					var str = "<label style='color:red'>禁用</label>";
					if (value) {
						str = "<label style='color:green'>可用</label>";
					}
					return str;
				}
			} ] ]
		});
	}
</script>